<!--  -->
<template>
<div :class="['container',{'wap':isMobile}]">
    <img src="../../assets/back.png" class="back" @click="$router.replace('/')">
    <iframe src="./mSuperTwo1463/index.html" frameborder="0" v-if="isMobile"></iframe>
    <iframe src="./SuperTwo1463/index.html" frameborder="0" v-else></iframe>
</div>
</template>

<script setup lang="ts">
import { inject } from 'vue';
    const isMobile = inject('isMobile');
</script>
<style lang='scss' scoped>
//@import url(); 引入公共css类
.container {
    position:relative;
    width:100%;
    height:100%;
    overflow:hidden;
    .back {
        position:absolute;
        left:1vw;
        top:20px;
        cursor:pointer;
    }
    iframe {
        width:100%;
        height:100%;
    }
    &.m {
        .back {
                position:absolute;
                width:10.667vw;
                left:4vw;
                top:4vw;
                cursor:pointer;
            }
    }
    &.wap {
        // .back {
        //         position:absolute;
        //         width:3.5vw;
        //         left:1vw;
        //         top:1vw;
        //         cursor:pointer;
        //     }
        .back {
                position: absolute;
                width: 7vw;
                left: 2vh;
                left:auto;
                right:1vw;
                top: 1vw;
                cursor: pointer;
                transform:rotate(90deg)
            }
    }
}
</style>